@charset "utf-8";
<style type="text/css">
#background {top: 0px; left: 0px; background:#fafafa;}
body {background:#fafafa; top: 0px; left: 0px;
	font-family: "helvetica";
	margin: 0;
	padding: 0;
/*	background:url(images2/BG2.png) repeat;*/
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
input{
	border: 1px solid #09C;
}

h1 { color:#999; font:26px Verdana, Arial, Helvetica, sans-serif;}
a:active, a:focus, a:visited, a:hover{text-decoration: none; color:#666;}
a img {
	text-decoration:none;
	color: #000;
	border: none;
}
.footer a:active, .footer a:focus {margin-left:20px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
 }
.footer a:link, .footer a:visited {margin-left:20px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.footer a:hover, .footer a:active, .footer a:focus { margin-left:20px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #336c7d;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
 }

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 75%;
	background: transparent;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.head {
	background:#FFF/*url(images2/header.png) repeat-x*/;
	height:150px;
	margin-bottom:30px;
	border-bottom-left-radius:20px;	
	-moz-border-radius-bottomleft:20px;	
	-webkit-border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	-moz-border-radius-bottomright:20px;	
	-webkit-border-bottom-right-radius:20px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.content {
	margin-top:15px;
	text-align:justify;
	min-height:500px;
	max-height:1500px;
/*	background:url(images2/contenido.png) repeat-x;*/
	background-color:#FFF;
	border-radius:20px;	
	-moz-border-radius:20px;	
	-webkit-border-radius:20px;
	color: #000;
	border: 1px solid #e0e0e0;
	padding-bottom:25px;
	padding-left:10px;
	padding-right:10px;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.footer {
	min-height:40px;
	margin-top:40px;
	padding-top:20px;
	background:#FFF;
/*	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/
    position: float; 	/*this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */	
 	border-top-left-radius:20px;	
	-moz-border-radius-topleft:20px;	
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;	
	-moz-border-radius-topright:20px;	
	-webkit-border-top-right-radius:20px;
	border-top:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.clearfloat {clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.container center .content .pa1 {
	font-weight: bold;
	color: #333;
	text-align:center;
}
.container center .content p .pa2 {
	font:bold;
	color:#9C0;
}
.container center .content p .pa3 {
	margin-left:5px;
	padding-left:5px;	
}
#iframe
{
	margin: 0 auto;
    position: relative;
	width:98%;
}
#Menu_Contenido
{
	background:url(images2/untitled-1.png) repeat-x;	
	height: 60px;
    margin: 0 auto;
    position: relative;
    width:800px;
}
.menuout{margin:0 auto; padding:0; height:60px; width:100%; display:block; border: 1px solid #336c7d; background:url("images2/topMenuImages.png") repeat-x; 	border-radius:20px; -moz-border-radius:20px;	-webkit-border-radius:20px; }
.menu{margin:0 auto; padding:0; height:60px; width:100%; display:block; background:url("images2/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:30px; display:block; color:#fff; text-decoration:none; font:16px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("images2/topMenuImages.png") 0px -60px no-repeat; outline:none;}
.menu li a span{ color:#FFF; line-height:60px; float:left; display:block; padding-right:30px; background:url("images2/topMenuImages.png") 100% -60px no-repeat;}
.menu li a:hover{line-height:60px; font:16px Verdana, Arial, Helvetica, sans-serif; background:url("images2/topMenuImages.png") 0px -180px no-repeat; color:#336c7d;}
.menu li a:hover span{
	background:url("images2/topMenuImages.png") 100% -180px no-repeat;
	color: #336c7d;
}
.menu li a.active, .menu li a.active:hover{line-height:60px; font:16px Verdana, Arial, Helvetica, sans-serif; background:url("images2/topMenuImages.png") 0px -180px no-repeat; color:#336c7d;}
.menu li a.active span, .menu li a.active:hover span{background:url("images2/topMenuImages.png") 100% -180px no-repeat;}

h1 {
    border-bottom: 1px solid #B0BED9;
    clear: both;
    color: #4E6CA3;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.6em;
    margin-top: 2em;
}